<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main" />
    <gui:resources components="['expandablePanel']"/>
    <title>Expandable Panel Demo</title>
</head>

<body>

    <h1>Expandable Panel Demo</h1>
    
    <br/><br/>

<gui:expandablePanel title="This panel is already expanded" expanded="true">
    I am expanded.  Close me.
</gui:expandablePanel>

    <br/>
    <br/>

    <gui:expandablePanel bounce="false" title="Expand me for a fun surprise!" expanded="false">
        <div align="center">
            <g:each var="i" in="${(0..5)}">
                <g:each var="j" in="${(0..10)}">
                    <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
                </g:each>
                <br/>
            </g:each>
        </div>
    </gui:expandablePanel>

</body>
</html>